//轮播图
(function(){
	window.onload = function() {  
		var mySwiper = new Swiper('.swiper-container',{  
			 //添加需要的选项:  
			mode:'horizontal', 
			speed:750,  
			loop: true,  
			 // 如果需要分页器
			pagination: '.swiper-pagination',

			// 如果需要前进后退按钮
			nextButton: '.swiper-button-next',
			prevButton: '.swiper-button-prev',
			observer:true,//修改swiper自己或子元素时，自动初始化swiper
			observeParents:true,//修改swiper的父元素时，自动初始化swiper
			autoplay : 1000
		});    
  	} 
})()

// ===================
// $.ajax({
// 		url:"http://localhost:3000/abc",
// 		type:"GET",
// 		dataType:"json",
// 		success:function(res){		
// 			var htmlStr = baidu.template("temp1",{data:res});
// 				$(".swiper-wrapper").html(htmlStr);
// 		}
// 	})
// =================轮播图的模版==================
$.getJSON("./data/banner.json",function(data){
	var htmlStr = baidu.template("temp1",{data:data});
	$(".swiper-wrapper").html(htmlStr);
})

//==========================================
$.getJSON("./data/menu.json",function(data){
	var htmlStr2 = baidu.template("temp2",{data:data});
	$(".classify_ul").html(htmlStr2);

})

$.getJSON("./data/menu.json",function(data){
	var htmlStr3 = baidu.template("temp3",{data:data});
	$(".classify_ul_li_right11").html(htmlStr3);
})


//==========左边2hover右边出现=================
$(".classify_ul").on("mouseover",".classify_ul_li",function(){
	var index1 = $(this).index();

	if(index1===5){
		$(".classify_ul_li_right2").show();
		$(".classify_ul_li_right11").hide();
	}else{
		$(".classify_ul_li_right11").show();
		$(".classify_ul_li_right2").hide();
	}
	$(".classify_ul_li_right11").find(".classify_ul_li_right1").eq(index1).show().siblings().hide();
})
//离开后隐藏
$(".classify_ul_li_right").on("mouseleave",function(){
		$(".classify_ul_li_right11").hide();
		$(".classify_ul_li_right2").hide();
})

//===================================================
$.getJSON("./data/menu.json",function(data){
	var htmlStr4 = baidu.template("temp4",{data:data});
	console.log(data[5].moreCity[0].items[0])
	$(".classify_ul_li_right2").html(htmlStr4);

})
//================================================
$.getJSON("./data/freeWalk.json",function(data){
	var htmlStr5 = baidu.template("temp5",{data:data});
	$(".main_lsit3_1_c").html(htmlStr5);

})


//==========================================
$.getJSON("./data/freeWalk.json",function(data){
	var htmlStr6 = baidu.template("temp6",{data:data});
	$(".main_lsit3_2").html(htmlStr6);
})

// =====================hover时，下边模块变化================
$(".main_lsit3_1_c").on("mouseover",".main_lsit3_1_c1",function(){
	var index2 = $(this).index();
	$(this).css("borderBottom","3px solid #11af81").siblings().css("borderBottom","none")
	$(".main_lsit3_2").find(".main_lsit3_2_a").eq(index2).show().siblings().hide();
})



